<div id="my-map" [style.width.px]="width">
  <div class="map-btn" style="height: 34px;" >
    <nz-input-group [nzSuffix]="suffixIconSearch" style="height: 32px;">
      <input 
        [title]="userAddress"
        [ngModel]="userAddress"
        (focus)="onFocus()"
        readonly
        [disabled]="isAble"
        type="text" nz-input placeholder="选择地址" />
    </nz-input-group>
    <ng-template #suffixIconSearch >
      <!-- <i (click)="onFocus()" nz-icon nzType="environment" nzTheme="outline" ></i> -->
    </ng-template>
  </div>

  <div class="map-main" [style.display]="isSelect">

    <div class="form-ipt">
      <div class="form-ipt-left">
        <input autocomplete="off" [ngModel]="formData.userAddress" type="text" id="keyWord" name="keyWord" nz-input placeholder="输入地址" />
        <!-- <button nz-button nzType="primary" nzSearch>搜索</button> -->
      </div>
      <i (click)="onClose($event)" nz-icon nzType="close-circle" nzTheme="fill"></i>
    </div>
  
    <div id="container">

    </div>

    <div class="map-footer">
      <button style="border-radius: 0;" nz-button nzType="default" nzSearch (click)="onClose($event)"
        type="button"
      >关闭</button>
      <button style="border-radius: 0;" nz-button nzType="primary" nzSearch (click)="onSubmit($event)"
        type="button"
      >确定</button>
    </div>

  </div>
</div>